1. 테마를 모아 둘 노트 만들기

직접 만든 테마와 가져온 테마를 한곳에 모으면 관리하기 쉽습니다. 먼저 테마를 보관할 상위 노트를 만드세요.

테마 보관용 노트

2. 테마 노트 만들기

테마는 특별한 속성을 지정한 코드 노트입니다. 새 코드 노트를 만드세요.

새 코드 노트 만들기

노트 유형을 CSS 코드로 바꿉니다.

CSS 유형 선택

소유한 속성에 #appTheme를 추가하고 원하는 테마 이름을 값으로 지정하세요. 이 이름이 화면 설정의 테마 목록에 나타납니다.

테마 이름 지정

3. 테마 CSS 작성하기

다음 예제는 실행 도구 모음의 배경색을 파란색으로 바꿉니다.

:root {
	--launcher-pane-background-color: #0d6efd;
}

4. 테마 적용하기

Ctrl+Shift+R로 새로고침한 뒤 설정을 열면 새 테마가 목록에 나타납니다.

새 테마 선택

테마를 선택하면 새 모양으로 화면이 갱신됩니다.

테마 적용 결과

기본적으로 기존 테마를 바탕으로 합니다. 새 TriliumNext 테마를 기반으로 만들려면 테마 기반 선택을 참고하세요.

5. 테마 수정하기

테마 노트의 CSS를 수정한 뒤 Ctrl+Shift+R로 새로고침하면 반영됩니다. 창을 두 개 열어 한쪽에서는 편집하고 다른 쪽에서는 결과를 확인하면 편리합니다.

예전 화면 이미지 읽는 법

아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.

이미지 1 · 테마 보관용 노트

사용자 지정 테마 코드를 보관할 노트입니다. 노트 제목과 CSS 코드를 구분해서 입력하세요.

이미지 2 · 새 코드 노트 만들기

화면에서 사용하는 주요 표현은 다음과 같습니다.

이미지 3 · CSS 유형 선택

화면에서 사용하는 주요 표현은 다음과 같습니다.

이미지 4 · 테마 이름 지정

화면에서 사용하는 주요 표현은 다음과 같습니다.

이미지 5 · 새 테마 선택

화면에서 사용하는 주요 표현은 다음과 같습니다.

이미지 6 · 테마 적용 결과

화면에서 사용하는 주요 표현은 다음과 같습니다.